<!--player list-->
<section class="players-list container">


        <div class="p-m-t flex-h-space flex-h-mid">
            <h2 class="flex-h arrow-5">
                <span class="p-text">实力排行</span>
            </h2>
            <div class="filter flex-h-right">
                <div class="p-select p-select-border p-select-icon match-year ">
                    <div class="p-select-header flex-h-mid p-tran">
                        <h3>总览</h3>
                    </div>
                    <div class="p-select-body">
                        <ul>
                            <li class="flex-h-mid">
                                <h3>总览 </h3>
                            </li>
                            <li class="flex-h-mid">
                                <h3>2016 赛季</h3>
                            </li>
                            <li class="flex-h-mid">
                                <h3>2015 赛季</h3>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="p-select p-select-border p-select-icon position">
                    <div class="p-select-header flex-h-mid p-tran">
                        <h3>位置排行</h3>
                    </div>
                    <div class="p-select-body">
                        <ul>
                            <li class="flex-h-mid">
                                <h3>上路 </h3>
                            </li>
                            <li class="flex-h-mid">
                                <h3>中路</h3>

                            </li>
                            <li class="flex-h-mid">
                                <h3>下路</h3>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="players-search p-form-row flex-h-mid">
                    <input type="search" placeholder="Players Name" value="" id="search" class="search-input">
                    <button class="search-btn icons-sprite" id="searchBtn"></button>
                </div>
            </div>
        </div>

        <div class="p-m-c">

            <div class="data">
                <!--表头-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li class="title-row">
                        <div class="col col-1">排行</div>
                        <div class="col col-2">选手</div>
                        <div class="col col-3 sortable asc">15分钟补刀</div>
                        <div class="col col-4 sortable desc">赢线</div>
                        <div class="col col-5 sortable">崩线</div>
                        <div class="col col-6 sortable">Carry</div>
                        <div class="col col-7 sortable">Troll</div>
                        <div class="col col-8 sortable">送头</div>
                        <div class="col col-9 sortable">预测得分</div>
                        <div class="col col-10 sortable">Matrix价值</div>
                        <div class="col col-11 sortable">实力评分</div>
                        <div class="col col-12 "><span class="switch-data">切换数据 +</span></div>
                    </li>
                </ul>

                <!--表数据-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-3 p-arial"><span class="p-red">109</span></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">8%</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-7 p-arial"><span class="p-blue">8%</span></div>
                        <div class="col col-8 p-arial"><span class="p-green">0%</span></div>
                        <div class="col col-9 p-arial"><span class="p-red">159</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">9999</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-3 p-arial"><span class="p-red">109</span></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">8%</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-7 p-arial"><span class="p-blue">8%</span></div>
                        <div class="col col-8 p-arial"><span class="p-green">0%</span></div>
                        <div class="col col-9 p-arial"><span class="p-red">159</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><a href="players-detail.html" class="btn-detail-now">Details</a></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-3 p-arial"><span class="p-red">109</span></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">8%</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-7 p-arial"><span class="p-blue">8%</span></div>
                        <div class="col col-8 p-arial"><span class="p-green">0%</span></div>
                        <div class="col col-9 p-arial"><span class="p-red">159</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><a href="players-detail.html" class="btn-detail-now">查看详情</a></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-3 p-arial"><span class="p-red">109</span></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">8%</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-7 p-arial"><span class="p-blue">8%</span></div>
                        <div class="col col-8 p-arial"><span class="p-green">0%</span></div>
                        <div class="col col-9 p-arial"><span class="p-red">159</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-3 p-arial"><span class="p-red">109</span></div>
                        <div class="col col-4 p-arial"><span class="p-green">40%</span></div>
                        <div class="col col-5 p-arial"><span class="p-red">8%</span></div>
                        <div class="col col-6 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-7 p-arial"><span class="p-blue">8%</span></div>
                        <div class="col col-8 p-arial"><span class="p-green">0%</span></div>
                        <div class="col col-9 p-arial"><span class="p-red">159</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>

                    </li>
                </ul>
            </div>
            <div class="data hide">
                <!--表头-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li class="title-row">
                        <div class="col col-1">排行</div>
                        <div class="col col-2">选手</div>
                        <div class="col col-13">地区</div>
                        <div class="col col-14">位置</div>
                        <div class="col col-15">所在队伍</div>
                        <div class="col col-16 sortable">胜率</div>
                        <div class="col col-17 sortable">平均KDA</div>
                        <div class="col col-10 sortable">Matrix价值</div>
                        <div class="col col-11 sortable">实力评分</div>
                        <div class="col col-12"><span class="switch-data">切换数据 +</span></div>
                    </li>
                </ul>

                <!--表数据-->
                <ul class="data-li-table data-b-bottom data-bg data-w-auto">
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-13 "><img width="20" height="14" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-14 ">打黑</div>
                        <div class="col col-15 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/ac805f79-88bd-476a-88ef-9623bc809279.png" alt="name">
                            <span>ROX Tigers</span>
                        </div>
                        <div class="col col-16 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-17 p-arial"><span class="p-blue">2.35</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-13 "><img width="20" height="14" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-14 ">打黑</div>
                        <div class="col col-15 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/ac805f79-88bd-476a-88ef-9623bc809279.png" alt="name">
                            <span>ROX Tigers</span>
                        </div>
                        <div class="col col-16 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-17 p-arial"><span class="p-blue">2.35</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-13 "><img width="20" height="14" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-14 ">打黑</div>
                        <div class="col col-15 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/ac805f79-88bd-476a-88ef-9623bc809279.png" alt="name">
                            <span>ROX Tigers</span>
                        </div>
                        <div class="col col-16 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-17 p-arial"><span class="p-blue">2.35</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><a href="players-detail.html" class="btn-detail-now">查看详情</a></div>
                    </li>
                    <li>
                        <div class="col col-1 p-arial"> <span class="order">01</span></div>
                        <div class="col col-2 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/e504ba22-bd0a-4cc1-9370-35c05dd56c7c.jpg" alt="name">
                            <span title="Peanut"> Peanut</span>
                        </div>
                        <div class="col col-13 "><img width="20" height="14" src="http://cdn.esportsmatrix.com/Content/images/uploaded/region/7d7f87f0-2648-4a18-b726-a705db19805d.png" alt="name"></div>
                        <div class="col col-14 ">打黑</div>
                        <div class="col col-15 p-arial">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/ac805f79-88bd-476a-88ef-9623bc809279.png" alt="name">
                            <span>ROX Tigers</span>
                        </div>
                        <div class="col col-16 p-arial"><span class="p-yellow">64%</span></div>
                        <div class="col col-17 p-arial"><span class="p-blue">2.35</span></div>
                        <div class="col col-10 p-arial"><span class="">12,121,008</span></div>
                        <div class="col col-11 p-arial"><span class="">2056</span></div>
                        <div class="col col-12 "><span class="btn-detail-future">详情敬请期待</span></div>
                    </li>
                </ul>
            </div>

            <div class="ajax-loading flex-abs-mid "><img src="/res/images/cont/loaing.gif" /></div>

        </div>






</section>